#TopBar {
	background: @topbar_color_bg;
	color: @topbar_color_fg;
	height: @topbar_height;	
	left: 0px;
	min-width: @global_min_width;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: @topbar_z_index;

	.Button {
		cursor: pointer;
		height: @topbar_button_height;
		top: 0px;
		width: @topbar_button_width;

		img {
			border: none;
			height: (@topbar_button_height - (@topbar_button_border_size * 2));
			left: @topbar_button_border_size;
			position: relative;
			top: @topbar_button_border_size;
			width: (@topbar_button_width - (@topbar_button_border_size * 2));
		}
	}
	.Button:hover {
		background-color: @topbar_color_bg_hover;
	}

	.Path {
		height: @topbar_height;
		top: 0px;

		div {
			@path_width: (@topbar_path_width - (@topbar_path_border_size * 2));

			.RoundedBorders(3px);

			background-color: @color_name_White;
			border: 1px @color_name_Black solid;
			color: @color_name_DarkSlateGray;
			height: (@topbar_path_height - (@topbar_path_border_size * 2));
			left: @topbar_path_border_size;
			overflow-x: hidden;
			padding: 0px 2px;
			position: relative;
			top: @topbar_path_border_size;
			white-space: nowrap;
			width: @path_width;

			span {
				vertical-align: middle;
			}
		}
	}

	.LeftButtons {
		position: absolute;
		left: 0px;
		top: 0px;

		.Button ,.Path {
			display: inline-block;
		}
	}

	.RightButtons {
		position: absolute;
		right: 0px;
		top: 0px;

		.Button {
			display: inline-block;
		}
	}

	.BottomBorder {
		.ShadowHorizontalBorder();
		height: @topbar_bg_height;
		left: 0px;
		position: fixed;
		top: @topbar_height;
		width: 100%;
		z-index: @topbar_z_index;
	}

	.Menu {
		.RoundedBorders(5px);
		.TransparentBackground(@topbar_color_bg_name);
		.BoxSizing(content-box);
		border-collapse: separate;
		border-spacing: 0px 1px;
		color: @topbar_color_fg;
		display: table;
		margin: 0px;
		padding: 5px;
		position: absolute;
		min-width: @topbar_menu_width;
		z-index: @topbar_z_index;

		* {
			margin: 0px;
			padding: 0px;
			vertical-align: middle;
		}
		.Option {
			.RoundedBorders(5px);
			background: @topbar_color_bg;
			cursor: pointer;
			display: table-row;
			height: @topbar_height;	

			.Icon {
				.RoundedSideBorder(5px, "left");
				display: table-cell;
				height: @topbar_button_height;
				padding: 2px;
				text-align: center;
				width: @topbar_button_width;

				img {
					border: none;
					height: @topbar_button_height - 4px;
					width: @topbar_button_width - 4px;
				}
			}
			.Title {
				.RoundedSideBorder(5px, "right");
				display: table-cell;
				padding: 0px 2px;
				text-align: left;
				text-transform: capitalize;
				white-space: nowrap;
			}
		}
		.Option:hover {
			background-color: @topbar_color_bg_hover;
		}
	}
	.MenuOpened {
		visibility: visible;
	}
	.MenuClosed {
		visibility: hidden;
	}
}
